<!DOCTYPE HTML>
<html>
<head>
    <title>Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content=""/>
    <link href="__PUBLIC__/static/home/css/shopcomment.css" rel='stylesheet' type='text/css' />
    <link href="__PUBLIC__/static/home/css/shopinfo.css" rel='stylesheet' type='text/css' />

    {include file="Public/header" /}
    {include file="Public/fooddetail" /}
   
</head>
<body>
    {include file="Public/nav" /}

<!-- banner -->

<div>
    <div class="head-img-top">
    </div>
    <div class="img" style="text-align: center;">
        <img src="__PUBLIC__/static/admin/Uploads/shoppic/a.png" style="height: 482px;width: 1140px">
    </div>
</div>


<div class="services w3l wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
    <div class="container">
        <div class="grid_3 grid_5">
            <div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
                <ul id="myTab" class="nav nav-tabs" role="tablist">

                    <li role="presentation" class="active"><a href="#expeditions" id="expeditions-tab" role="tab"
                                                              data-toggle="tab" aria-controls="expeditions"
                                                              aria-expanded="true" style="font-family: miaomi">菜品</a>
                    </li>
                    <li role="presentation" class=""><a href="#safari" role="tab" id="safari-tab" data-toggle="tab"
                                                        aria-controls="safari" style="font-family: miaomi">评价</a></li>
                    <li role="presentation" class=""><a href="#trekking" role="tab" id="trekking-tab" data-toggle="tab"
                                                        aria-controls="safari" style="font-family: miaomi">店铺介绍</a></li>

                </ul>
                <div id="myTabContent" class="tab-content">

                    <!-- 店内菜品显示start -->
                    <div role="tabpanel" class="tab-pane fade active in" id="expeditions"
                         aria-labelledby="expeditions-tab">
                        <div class="main">
                            <div class="left-menu">
                                <ul>
                                    <li class="active" style="font-family: miaomi;font-size: 18px;">热销菜品<span
                                            class="num-price"></span></li>
                                    <li><a href="#">特色米饭套餐</a></li>
                                    <li><a href="#">特色面类套餐</a></li>
                                    <li><a href="#">精美小炒</a></li>
                                    <li><a href="#">精美小吃</a></li>
                                    <li><a href="#">鲜榨果汁</a></li>
                                    <li><a href="#">饮料酒水</a></li>
                                    <li><a href="#">水果拼盘</a></li>
                                </ul>
                            </div>
                            <div class="con">
                                <div class="right-con con-active" style="height: auto">
                                    <ul>
                                        <li>
                                            <div class="menu-img"><!-- <img src="__PUBLIC__/static/admin/Uploads/foodpic/a.jpg"
                                                                       style="width:150px;height: 90px;"/></div> -->
                                             <div class="gallery-item1">
                                               <div class="gallery-item-image1">
                                                 <a href="{:url('Shop/detail')}"><img src="__PUBLIC__/static/admin/Uploads/foodpic/d.jpg" style="width:150px;height: 90px;"></a>
                                               </div>
                                               <div class="gallery-item-description1">
                                                 <h3>菜品介绍卟啦卟啦</h3>
                                               </div>
                                             </div>
                                            <div class="menu-txt">
                                                <h4>宫保鸡丁</h4>
                                                <p class="list2">
                                                    <b>￥25</b>
                                                </p>
                                                <div class="btn" >
                                                    <button class="minus">
                                                        <strong></strong>
                                                    </button>
                                                    <i>0</i>
                                                    <button class="add">
                                                        <strong></strong>
                                                    </button>
                                                    <i class="price">25</i>
                                                </div>

                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-img">
                                             <div class="gallery-item1">
                                               <div class="gallery-item-image1">
                                                 <a href="{:url('Shop/detail')}"><img src="__PUBLIC__/static/admin/Uploads/foodpic/e.png" style="width:150px;height: 90px;"></a>
                                               </div>
                                               <div class="gallery-item-description1">
                                                 <h3>菜品介绍卟啦卟啦</h3>
                                               </div>
                                             </div>
                                            <div class="menu-txt">
                                                <h4>宫保鸡丁</h4>
                                                <p class="list2" style="height: 40px">
                                                    <b>￥25</b>
                                                </p>
                                                <div class="btn">
                                                    <button class="minus">
                                                        <strong></strong>
                                                    </button>
                                                    <i>0</i>
                                                    <button class="add">
                                                        <strong></strong>
                                                    </button>
                                                    <i class="price">25</i>
                                                </div>

                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-img">
                                             <div class="gallery-item1">
                                               <div class="gallery-item-image1">
                                                 <a href="{:url('Shop/detail')}"><img src="__PUBLIC__/static/admin/Uploads/foodpic/d.png" style="width:150px;height: 90px;"></a>
                                               </div>
                                               <div class="gallery-item-description1">
                                                 <h3>菜品介绍卟啦卟啦</h3>
                                               </div>
                                             </div>
                                            <div class="menu-txt">
                                                <h4>宫保鸡丁</h4>
                                                <p class="list2" style="height: 40px">
                                                    <b>￥25</b>
                                                </p>
                                                <div class="btn">
                                                    <button class="minus">
                                                        <strong ></strong>
                                                    </button>
                                                    <i>0</i>
                                                    <button class="add">
                                                        <strong ></strong>
                                                    </button>
                                                    <i class="price">25</i>
                                                </div>

                                            </div>
                                        </li>
                                    </ul>
                                </div>

                               <div class="right-con">
                               <ul>
                                <li>
                                  <div class="menu-img">
                                   <div class="gallery-item1">
                                    <div class="gallery-item-image1">
                                     <a href="{:url('Shop/detail')}"><img src="__PUBLIC__/static/admin/Uploads/foodpic/d.jpg" style="width:150px;height: 90px;"></a>
                                    </div>
                                    <div class="gallery-item-description1">
                                      <h3>菜品介绍卟啦卟啦</h3>
                                    </div>
                                   </div>
                                    <div class="menu-txt">
                                      <h4>京酱肉丝</h4>
                                      <p class="list2">
                                      <b>￥25</b>
                                      <div class="btn">  
                                          <button class="minus">  
                                          <strong></strong>  
                                          </button>  
                                          <i>0</i>  
                                          <button class="add">  
                                          <strong></strong>  
                                          </button>  
                                          <i class="price">25</i>  
                                      </div> 
                                      </p>
                                    </div>
                                </li>
                                </ul>
                               </div>

                              <div class="right-con">
                               <ul>
                                <li>
                                  <div class="menu-img">
                                  <div class="gallery-item1">
                                    <div class="gallery-item-image1">
                                     <a href="{:url('Shop/detail')}"><img src="__PUBLIC__/static/admin/Uploads/foodpic/c.jpg" style="width:150px;height: 90px;"></a>
                                    </div>
                                    <div class="gallery-item-description1">
                                      <h3>菜品介绍卟啦卟啦</h3>
                                    </div>
                                   </div>
                                    <div class="menu-txt">
                                      <h4>京酱肉丝</h4>
                                      <p class="list2">
                                      <b>￥25</b>
                                      <div class="btn">  
                                          <button class="minus">  
                                          <strong></strong>  
                                          </button>  
                                          <i>0</i>  
                                          <button class="add">  
                                          <strong></strong>  
                                          </button>  
                                          <i class="price">25</i>  
                                      </div> 
                                      </p>
                                    </div>
                                </li>
                                </ul>
                               </div>

                            </div>
                        </div>

                        <div class="footer">
                          <img src="__PUBLIC__/static/home/images/order.png" style="width:70px;height: 70px;float: left;margin: -80px 0 0 100px;"/>
                            <div class="left">已选：
                                <span id="cartN">
                               <span id="totalcountshow">0</span>份　总计：￥<span id="totalpriceshow">0</span></span>元
                            </div>
                            <div class="right">
                                <!-- <a id="btnselect" class="xhlbtn  disable" href="javascript:void(0)">去结算</a> -->

                              <div id="wrapper">
                                <div class="box4">
                                  <div class="demo" style="margin-top: -20px;">
                                    <a href="javascript:;" class="bounceIn" id="btnselect" class="xhlbtn  disable" href="javascript:void(0)" style="width: 120px;height: 50px;margin: -30px 20px 0 0;isplay: block;padding: 10px 20px;color: #fff;font-weight: bold;font-family: miaomi;font-size: 25px;background-color:#ee2600; ">去结算</a>
                                  </div>
                                <div id="dialogBg4"></div>
                                <div id="dialog4" class="animated4">
                                  <div class="dialogTop">
                                    <a href="#" style="font-size: 20px; font-family: miaomi;float: left;font-weight: bold;">确认订单</a>
                                    <a href="javascript:;" class="claseDialogBtn4" style="font-family: miaomi;font-size: 13px;">关闭</a>
                                  </div>
                                  <form action="" method="post" id="editForm4" enctype="multipart/form-data">
                                    <ul class="editInfos" style="margin-top: 5px;font-family: miaomi;font-size: 18px;">
                                    <img src="__PUBLIC__/static/home/images/user.png" style="width:25px;height: 25px;float: left;margin: 5px 0 0 20px;"><li style="margin:5px 0 0 -150px;">王小明</li>
                                    <img src="__PUBLIC__/static/home/images/phone.png" style="width:25px;height: 25px;margin: -50px 0 0 150px;"><li style="margin:-50px 0 0 100px;">13345678890</li>
                                    <img src="__PUBLIC__/static/home/images/location.png" style="width:25px;height: 25px;margin: 15px 0 0 15px;"><li style="margin:-25px 0 0 -80px;width: auto;height: auto;">东软三期3号楼</li>
                                    <img src="__PUBLIC__/static/admin/Uploads/shoppic/a.png" style="width:100px;height: 60px;margin: 15px 0 0 25px;"><li style="margin:-40px 0 0 90px;width: auto;height: auto;">1号台湾卤肉饭</li>
                                    <li>
                                      <span style="width: auto;height: auto;">鱼香肉丝</span>
                                      <span style="margin-left:60px;width: auto;height: auto;">×1</span>
                                      <span style="margin-left:40px;width: auto;height: auto;">¥12</span>
                                    </li>
                                    <li>
                                      <span style="width: auto;height: auto;">宫保鸡丁</span>
                                      <span style="margin-left:60px;width: auto;height: auto;">×1</span>
                                      <span style="margin-left:40px;width: auto;height: auto;">¥15</span>
                                    </li>
                                    <li>
                                      <span style="width: auto;height: auto;">配送费</span>
                                      <span style="margin-left:150px;width: auto;height: auto;">¥5</span>
                                    </li>
                                    <li>
                                      <span style="width: auto;height: auto;">总计</span>
                                      <span style="margin-left:165px;width: auto;height: auto;">¥32</span>
                                    </li>
                                    <li><select name="" class="ipt"  style="width: 250px;" >
                                        <option value="0">取饭时间</option>
                                        <option value="1">06:00-07:00</option>
                                        <option value="1">07:00-08:00</option>
                                        <option value="1">08:00-09:00</option> 
                                        <option value="1">09:00-10:00</option>
                                        <option value="1">11:00-12:00</option>                  
                                        </select>
                                    </li>
                                    <li><select name="" class="ipt"  style="width: 250px;" >
                                        <option value="0">用餐方式</option>
                                        <option value="1">外卖</option>
                                        <option value="1">到店吃</option>             
                                        </select>
                                    </li>
                                    <li><select name="" class="ipt"  style="width: 250px;" >
                                        <option value="0">付款方式</option>
                                        <option value="1">支付宝</option>
                                        <option value="1">微信</option>
                                        <option value="1">银行卡</option>               
                                        </select>
                                    </li>
                                    <li><textarea name="" placeholder="订单备注" style="width: 250px; height: 100px;margin-left: 3px"></textarea></li>
                                    <li><input type="submit" value="提交订单" class="submitBtn" /></li>
                                    </ul>
                                  </form>
                                </div>
                                </div>
                              </div>


                            </div>
                        </div>
                    </div>
                    <!-- 店内菜品显示end -->

                    <div class="clearfix"></div>


                    <!-- 店铺评价显示start -->
                    <div role="tabpanel" class="tab-pane fade" id="safari" aria-labelledby="safari-tab">
      
                        <!-- 店铺评分显示start -->
                        {volist name="shopinfo" id="shopinfo1"} 
                      
                        <div class="pingjia">
                            <div class="pingfen1">
                                <p>{$shopinfo1.level}</p>
                                <h2>综合评分</h2>
                            </div>
                            <div class="pingfen2">
                                <p>服务态度</p>
                                <span class="col-lg-6" style="margin-top: -30px;margin-left: 18em;">
                                    <img src="__PUBLIC__/static/home/images/rating.png"
                                         style="height: 60%;width: 60%;"/>
                                </span>
                                <h3>{$shopinfo1.service}</h3>


                                <h2>商品评分</h2>
                                <span class="col-lg-6" style="margin-top: -25px;margin-left: 18em;"> 
                                    <img src="__PUBLIC__/static/home/images/rating.png"
                                         style="height: 60%;width: 60%;"/>
                                </span>
                                <h3>5.0</h3>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                      {/volist} 
                        <!-- 店铺评分显示end -->

                        <!-- 店铺评论显示start -->
                        <div class="response">
                            <h4 style="font-family: miaomi;">店铺评论</h4>
                            {volist name="list" id="list"}
                            <div class="media response-info"
                                 style="border-width: 0 0 2px 0;border-style: solid;border-color: #E3E3E3;">
                                <div class="media-left response-text-left" style="width: 100px;">
                                    <a href="#">
                                        <img src="__PUBLIC__/static/admin/adminphoto/{$list.upic}.jpg" class="img-responsive"
                                             alt="" style="height: 80px;width: 80px;">
                                    </a>
                                    <p style="text-align: center;margin-top: 10px;font-family: miaomi;">{$list.nickname}</p>
                                </div>
                                <div class="media-body response-text-right"
                                     style="float: left;margin-left: 30px;font-family: miaomi">
                                    <p style="font-family: miaomi;font-size: 18px">
                                        {$list.message}</p>
                                    <ul>
                                        <li style="font-size: 15px">{$list.messdate}</li>
                                        <!-- <li><a href="#">Reply</a></li> -->
                                    </ul>
                                    <div class="media response-info">
                                        <div class="media-left response-text-left">
                                            <a href="#">
                                                <img src="__PUBLIC__/static/admin/adminphoto/{$list.dpic}.jpg"
                                                     class="img-responsive" alt="" style="height: 60px;width: 60px;">
                                            </a>
                                            <p style="margin-top: 10px;font-family: miaomi;">{$list.shopname}</p>
                                        </div>
                                        <div class="media-body response-text-right"
                                             style="font-family: miaomi;float: left;margin-left: -80px;">
                                            <p style="font-family: miaomi;font-size: 16px">{$list.message}</p>
                                            <ul>
                                                <li style="font-size: 13px">{$list.rdate}</li>
                                                <!-- <li><a href="#">Reply</a></li> -->
                                            </ul>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            {/volist}
                            
                        </div>
                        <!-- 店铺评论显示end -->
                    </div>
                    <!-- 店铺评价显示end -->


                    <!-- 店铺详情显示start -->
                   {volist name="shopinfo" id="shopinfo"}
                    <div role="tabpanel" class="tab-pane fade" id="trekking" aria-labelledby="trekking-tab">
                        <div class="navv">
                            <img src="__PUBLIC__/static/home/images/pic.jpg" class="img-responsive" alt="" style="width: 200px;">
                        </div>
                        <div class="shopinfo">
                            <table>
                                <tr>
                                    <td class="item">店铺名称:</td>
                                    <td>{$shopinfo.shopname}</td>
                                </tr>
                                <tr>
                                    <td class="item">综合评分:</td>
                                    <td>{$shopinfo.level}</td>
                                </tr>
                                <tr>
                                    <td class="item">店内服务：</td>
                                    <td>{$shopinfo.service}</td>
                                </tr>
                                <tr>
                                    <td class="item">人均消费：</td>
                                    <td>¥20</td>
                                </tr>
                                <tr>
                                    <td class="item">营业时间:</td>
                                    <td>{$shopinfo.shoptime}</td>
                                </tr>
                                <tr>
                                    <td class="item">联系方式：</td>
                                    <td>{$shopinfo.phonenum}</td>
                                </tr>
                                <tr>
                                    <td class="item">餐厅地址：</td>
                                    <td style="width: 400px;">{$shopinfo.address}</td>
                                </tr>
                                <tr>
                                    <td class="item">餐厅介绍:</td>
                                    <td style="width: 400px;">
                                        {$shopinfo.intro}
                                    </td>
                                </tr>
                            </table>
                        </div>


                        <div class="clearfix"></div>
                    </div>
                    {/volist}
                    <!-- 店铺详情显示end -->

                </div>

            </div>
        </div>
    </div>
</div>
</div>


<div class="clearfix"></div>

{include file="Public/footer" /}

</body>
</html>